<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>努比亚手机-官方网站</title>
		<link rel="shortcut icon" href="//static.nubia.cn/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/shexiangtou.css" />
		<link rel="stylesheet" type="text/css" href="css/font_2625472_q3kwrwxeqc8/iconfont.css" />
	</head>
	<body>
		<header>
			<div class="home-head">
				<div class="toumu">
					<h1><a href="" </a><img src="img/努比亚手机-官方网站/5dae6dd070bfa59.png" width="156" height="23"></h1>
					<ul>
						<li class="strong hv" control="active1">
							<a href=""><strong>Z30&nbsp;&nbsp;Pro</strong></a>
							
						</li>
						<li class="hv" control="active2">
							<a href="">红魔</a>
						</li>
						<li class="strong hv" control="active3">
							<a href=""><strong>Play</strong></a>
						</li>
						<li class="hv" control="active4">
							<a href="">智能生态</a>
						</li>
						<li><a href="">品牌</a></li>
						<li><a href="">服务</a></li>
						<li><a href="">社区</a></li>
						<li><a href="">体验店</a></li>
					</ul>
					<li>
						<a href="" class="dl_zc"><span class="iconfont icon-yonghu"></span></a>
						<a href="" class="gwc"><span class="iconfont icon-gouwuche"></a>
						<a href=""><span class="iconfont icon-magnifier"></a>
					</li>
				</div>
				<div class="dl_zc_page">
					<p><span class="dl" style="color: red;"><a href="http://127.0.0.1:8848/%E9%A1%B9%E7%9B%AE/dengl.html"style="color: red;text-decoration: none;">立即登陆</a></span> 
					<span style="display: block;float: right;">无账号? <a href="http://127.0.0.1:8848/%E9%A1%B9%E7%9B%AE/zhuce.html" style="text-decoration: none;">立即注册</a></span></p>
					<p><a href="">个人中心</a>
					</p>
					<p><a href="">我的订单</a>
					</p>
					<p><a href="">我的优惠券</a>
					</p>
					<p><a href="">我的收藏</a>
					</p>
					<p><a href="">我的预约</a>
					</p>
					<p><a href="">收货地址</a>
					</p>
				</div>
			
			<div class="menu_content_bg" style="height:0px;">
			
				<div class="active1 active">
					<li><img src="img/努比亚手机-官方网站/60a31f5bb512f13.png">
						<p>浩瀚黑</p>
					</li>
					<li><img src="img/努比亚手机-官方网站/60a31f5bc226689.png">
						<p>星际银</p>
					</li>
					<li><img src="img/努比亚手机-官方网站/60a4b09e1580c36.png">
						<p>黑金传奇</p>
					</li>
				</div>
			</div>
			<div class="menu_content_bg" style="height:0px;">
				<div class="active2 active" control="active2">
					<li><img src="img/努比亚手机-官方网站/161467918541.png">
						<p>腾讯红魔游戏手机6R</p>
					</li>
					<li><img src="img/努比亚手机-官方网站/161467928036.png">
						<p>红魔6 Pro</p>
					</li>
					<li><img src="img/努比亚手机-官方网站/162210139547.png">
						<p>红魔6</p>
					</li>
					<li><img src="img/努比亚手机-官方网站/159643429472.png">
						<p>红魔5S</p>
					</li>
					<span>查看更多</span>
				</div>
			</div>
				<div class="menu_content_bg" style="height:0px;">
					<div class="active3 active" control="active3">
						<li><img src="img/努比亚手机-官方网站/5ea30ec20b13056.png">
							<p>5彩斑斓黑</p>
						</li>
						<li><img src="img/努比亚手机-官方网站/5ea01230a0ce944.png">
							<p>5湖四海蓝</p>
						</li>
						<li><img src="img/努比亚手机-官方网站/5ed0b2e115b2191.png">
							<p>5颜六色白</p>
						</li>
					</div>
				</div>
				<div class="menu_content_bg" style="height:0px;">
					<div class="active4 active" control="active4">
						<li><img src="img/努比亚手机-官方网站/162149083928.png">
							<p>30W方糖Pro氢化嫁充电器氖锋</p>
						</li>
						<li><img src="img/努比亚手机-官方网站/10.jpg.jpg">
							<p>120W三口氮化镶+6A线套</p>
						</li>
						<li><img src="img/努比亚手机-官方网站/161672248393.png">
							<p>红魔手游拓展坞</p>
						</li>
						<li><img src="img/努比亚手机-官方网站/162028316095.png">
							<p>65W三口氮化馆充电器Pro银+5A线套装</p>
						</li>
						<span><a href=""style="text-decoration: none;color: gray;">查看更多</a></span>
					</div>
				</div>
			</div>
			<div class="shopping">
					<p style="width: 280px;height: 50px; margin: auto;text-align: center;line-height: 50px;margin-top: 30px;font-size: 14px;border-bottom: 1px solid linen;">您的购物车里没有商品!</p>
					<span style="width: 280px;height: 40px;background-color:#de634f;display: block;text-align: center;line-height: 40px;margin: auto;margin-top: 20px;color: white;font-size: 14px;"><a href=""style="text-decoration: none;color: white">去购物</a></span>
				</div>
		</div>
		</header>
			<section>
				<div class="homeye">
					<div class="character">
						<p><a href="" style="color: black;">首页/ </a> 努比亚室内摄像头</p>
					</div>
					<div class="small-box">
						<div class="mask">
							
						</div>
								</div>
					<div class="big-box">
						
						</div>
						<div class="picture">
					<ul>
						<li><img src="img/努比亚手机-官方网站/16148646134.png" ></li>
					</ul>
								</div>
				</div>
				
				<div class="emboitement">
					<div class="figure">
						<span>努比亚室内摄像头 白色</span>
						<p>¥199.00</p>
					</div>
					<div class="activity">
						<div class="huodong">活动</div>
					<div class="promo">
						<i>积分</i>
						<span>购买即赠积分，积分可抵现</span>
					</div>
					<div class="promo1">
						<i>包邮</i>
						<span>购买即赠积分，积分可抵现</span>
					</div>
				</div>
				
				<div class="color">
					<p>选择颜色</p>
					<ul>
						<li>白色</li>
					</ul>
				</div>
				<div class="color1">
					<p>数量</p>
					<ul>
						<li>1</li>
					</ul>
				</div>
				<div class="jiaru">
					<div class="buy-btn-main">
						<a href="">敬请期待</a>
					</div>
				</div>
		</div>
		
		
		
		
				<div class="tab-content">
					<img src="//oss.static.nubia.cn/active/6040ee5853a4e15.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e330e5326.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e34c0ad59.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e4524db26.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e40492562.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e2dd5ea3.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e30378d97.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e297d0763.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e2e0a3825.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e24f57519.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e286b4167.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e2a81a227.jpg" >
					<img src="//oss.static.nubia.cn/active/6040e1e29f97a5.jpg" >	
				</div>
			</section>
			<footer>
				<div class="base">
					<div class="return">
						<div class="boxes">
							<a href=""><span class="iconfont icon-7tianwuliyoutuihuo"></span>
								<p>7天无理由退货</p>
							</a>
						</div>
						<div class="boxes">
							<a href=""><span class="iconfont icon-tongguowancheng"></span>
								<p>保内免费上门维修</p>
							</a>
						</div>
						<div class="boxes">
							<a href=""><span class="iconfont icon-tianmaoshunfengbaoyou"></span>
								<p>全场59元免运费</p>
							</a>
						</div>
						<div class="boxes">
							<a href=""><span class="iconfont icon-dizhi"></span>
								<p>查找线下商店</p>
							</a>
						</div>
					</div>
					<div class="dibu">
						<div class="dibu2">
							<ul>
								<p style="margin-bottom: 10px;">关于我们</p>
								<li><a href="" style="color: #999999;">关于nubia</a></li>
								<li><a href="" style="color: #999999;">联系我们</a></li>
								<li><a href="" style="color: #999999;">商家入驻</a></li>
								<li><a href="" style="color: #999999;">企业购</a></li>
							</ul>
							<ul>
								<p style="margin-bottom: 10px;">手机</p>
								<li><a href="" style="color: #999999;">红魔6R</a></li>
								<li><a href="" style="color: #999999;">nubia&nbsp;Z30Pro</a></li>
								<li><a href="" style="color: #999999;">红魔6Pro</a></li>
								<li><a href="" style="color: #999999;">红魔6</a></li>
								<li><a href="" style="color: #999999;">红魔5S</a></li>
								<li><a href="" style="color: #999999;">nubia&nbsp;Play</a></li>
								<li><a href="" style="color: #999999;">红魔5G</a></li>
							</ul>
							<ul>
								<p style="margin-bottom: 10px;">热门活动</p>
								<li><a href="" style="color: #999999;">努比亚会员</a></li>
								<li><a href="" style="color: #999999;">NB码通道</a></li>
								<li><a href="" style="color: #999999;">以旧换新</a></li>
								<li><a href="" style="color: #999999;">全民分销</a></li>
							</ul>
							<ul>
								<p style="margin-bottom: 10px;">服务支持</p>
								<li><a href="" style="color: #999999;">售后服务</a></li>
								<li><a href="" style="color: #999999;">售后网点</a></li>
								<li><a href="" style="color: #999999;">特色服务</a></li>
								<li><a href="" style="color: #999999;">软件下载</a></li>
								<li><a href="" style="color: #999999;">产品安全</a></li>
								<li><a href="" style="color: #999999;">云服务</a></li>
							</ul>
						</div>
						<div class="service">
							<a href=""><span class="iconfont icon-icon--"></span>在线客服</a>
							<p>全国服务热线</p>
							<h1>400-700-6600</h1>
							<h3>周一到周日8:30-20:30(全年无休)</h3>
							<h5>关注我们:
								<span class="iconfont icon-weixin"></span>
								<span class="iconfont icon-weibo"></span>
							</h5>
						</div>
					</div>
					<div class="zuidi">
						<p>2012-2021 深圳市努比亚信息技术有限公司 版权所有&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">粤ICP备18069660号</a></p>
						<span>ICP经营许可证编号：粤B2-20201516&nbsp;&nbsp;|&nbsp;&nbsp;粤公网安备 44030502000309号<a
								href="">&nbsp;&nbsp;|&nbsp;隐私政策</a><a href="">&nbsp;|&nbsp;关于Cookie&nbsp;</a>|&nbsp;<a
								href="">营业执照</a></span>
						<div class="hongqi">
							<a href=""><img src="img/hognqi.jpg"></a>
							<a href="">中文(简体中文/CNY)</a>
						</div>
					</div>
				</div>
			</footer>
	</body>
</html>
<script src="js/jQuery.js"></script>
<script>
	$(document).ready(function(){
		for(let i=0;i<$(".active").length;i++){
			$('.hv').eq(i).hover(function() {
			   $(".menu_content_bg").eq(i).css("border", "0px solid #D0D0D0");
			   $(".active").eq(i).css('display','block');
			   $(".menu_content_bg").eq(i).height(200);
			}, function() {
						   $(".menu_content_bg").eq(i).height(0);
							// $(".active").eq(i).css('display','none');
			},);    
		}
	            
	})
	
	
	
	
	//----------------------------------------------
	$(document).ready(function() {
		$('.dl_zc').hover(function() {
			$(".dl_zc_page").css('display', 'block');
		}, function() {
			$(".dl_zc_page").css('display', 'block');
		});
		$(".dl_zc_page").hover(function() {
			$(".dl_zc_page").css('display', 'block');;
		}, function() {
			$(".dl_zc_page").css('display', 'none');
		});
	})
	
	
	//------------------------------
	
	$(document).ready(function(){
	       $('.gwc').hover(function() {
	           $(".shopping").css('display','block');
	       }, function() {
				$(".shopping").css('display', 'none');
	       });
	           $(".shopping").hover(function() {
	               $(".shopping").css('display', 'block');;
	           }, function() {
	               $(".shopping").css('display', 'none');
	           });
	})
	
	
	
	
	//-----------------------------------------------
	
	
</script>
